<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>SGP</title>

        <link rel="stylesheet" href="css/main.css" type="text/css"/>
        <link rel="stylesheet" href="css/menu_lateral.css" type="text/css"/>
        
        <style type="text/css">
            .loading {
                display: none;
            }
            .accordion {
                border: 1px solid #999;
                width:  215px;
                background-color:rgb(230,231,232);
                color:#000;
                -moz-border-radius-bottomright: 10px;
                -moz-border-radius-bottomleft: 10px;
                -webkit-border-bottom-left-radius:10px;
                -webkit-border-bottom-right-radius:10px;
                border-bottom-left-radius:10px;
                border-bottom-right-radius:10px;
            }
            .accordion li h3 a {
                display: block;
                margin:  0;
                padding: 12px 15px;
                color:#000;
            }
            .accordion li h3 {
                margin: 0;
                padding: 0;
            }
            .accordion .panel {
                padding: 10px;
            }
        </style>

    </h:head>
    <h:body>
        <ui:insert name="header" >
            <ui:include src="cabecalho.xhtml" />
        </ui:insert>
        <!--<div id="main">
            <div id="header">
                <div id="logo" style="margin-top:10px;border:1px solid #999;">
                    <div id="logo">
                        SGP
                        <div id="rodape_logo">
                            SISTEMA GERENCIADOR DE PROJETOS

                        </div>
                    </div>
                </div>
                <div id="header_bv">
                    bem-vindo</div> 
            </div>
            <div id="header_lks">
                <a href="">sair</a>
            </div>

            <div id="menu_lateral"> 
                <ul id="menu" class="accordion">
                    <li>
                        <h3>agenda</h3>
                        <div class="panel loading">
                            <a href="#"><div style="margin-top:-13px;margin-left:20px;position:absolute;">cadastrar tarefa</div></a>
                            <a href="#"><div style="margin-top:13px;margin-left:20px;position:relative;">minha agenda</div></a>
                            <a href="#"><div style="margin-top:10px;margin-left:20px;position:relative;">agenda geral</div></a>
                        </div>
                    </li>
                    <img src="images/linha.png" style="position:absolute;margin-left:15px;"/>
                    <li>
                        <h3>empresas</h3>
                        <ul class="panel loading">
                            <a href="cadastroCliente.xhtml"><div style="margin-top:-13px;margin-left:20px;position:absolute;">cadastrar empresa</div></a>
                            <a href="cadastroProjeto.xhtml"><div style="margin-top:13px;margin-left:20px;position:absolute;">cadastrar prjeto</div></a>

                        </ul>
                    </li>
                    <img src="images/linha.png" style="position:absolute;margin-left:15px;"/>
                    <li>
                        <h3>contatos</h3>
                        <div class="panel loading">
                            <a href="cd_contato.php"><div style="margin-top:-13px;margin-left:20px;position:absolute;">cadastrar contatos</div></a>
                            <a href="#"><div style="margin-top:13px;margin-left:20px;position:relative;">lista contatos</div></a>
                        </div>
                    </li>
                    <img src="images/linha.png" style="position:absolute;margin-left:15px;"/>
                    <li>
                        <h3>relatórios</h3>
                        <div class="panel loading">
                            <a href="#"><div style="margin-top:-13px;margin-left:20px;position:absolute;">empresas</div></a>
                            <a href="#"><div style="margin-top:10px;margin-left:20px;position:relative;">contatos</div></a>
                            <a href="#"><div style="margin-top:6px;margin-left:20px;position:relative;">usuários</div></a>
                            <a href="#"><div style="margin-top:8px;margin-left:20px;position:relative;">funil</div></a>
                        </div>
                    </li>
                </ul>
            </div>


        </div>
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.accordion.2.0.js"></script>
        <script type="text/javascript">
            $('#menu').accordion({
                canToggle: true,
                canOpenMultiple: true
            });
        </script>-->
    </h:body>
</html>
